@charset "UTF-8";
body{
  background-image: url('../images/index.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.container{
  width: 100%;
  height: 100%;
  position: relative;
}

#background{
  width: 100%;
  position: fixed;
  z-index: -1;
}
.bg-menban{
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

.content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.logo {
    padding: 0.2rem 0 0 1.17rem;
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(255,255,255,1);
}

.logo img{
  margin-right: 8px;
  z-index: 210;
}


.navbar {
  padding: 0.42rem 1.04rem 0 0;
}

.navbar li {
  padding: 0 17px;
  font-size: 18px;
  color: white;
}

.navbar li a {
  color: white;
  font-family: MicrosoftYaHei-Bold;
  font-weight: 400;
}
.navbar li .active{
  font-weight: bold;
  line-height: 18px;
}
.con{
  position: fixed;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 50px;
  right: 120px;
}
.slogan {
  display: inline-block;
  font-size: 80px;
  font-family: SourceHanSansCN-Heavy;
  font-weight: 800;
  font-style: italic;
  color: white;
  text-shadow: 0px 6px 20px rgba(0, 0, 0, 0.5);
}

.appLinks {
  padding-top: 80px;
  height: 60px;
  margin-right: -30px
}

.appLinks .appstote,
  .appLinks .android {
  background: white;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 16px 23px;
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #333333;
  margin-right: 20px;
  z-index: 99;
}

.appLinks .wechat {
  background: white;
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 14px 23px;
  font-size: 18px;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  color: #333333;
  margin-right: 20px;
}
.appLinks .wechat .fa-xcx{ width:40px; height:40px; background:url(../images/fa_xcx.png) center no-repeat; background-size:80%;}

.appLinks .wechat .wechat_ico{ width:40px; height:40px; background:url(../images/fa_gzh.png) center no-repeat; background-size:80%;}

.appLinks .wechat .fa-wsc{ width:40px; height:40px; background:url(../images/fa_wsc.png) center no-repeat; background-size:80%;}
.appLinks .wechat .fa-douyin{ width:40px; height:40px; background:url(../images/douyin.png) center no-repeat; background-size:80%;}


.appLinks .wechat .qrCode {
  width: 200px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(0.23);
  transform: scale(0.23);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  opacity: 0;
  -webkit-transition: .3s all;
  transition: .3s all;
  z-index: 2;
}

.appLinks .loadWay {
  margin-left: 8px;
  font-size:18px;
  font-family:SourceHanSansCN-Regular;
  font-weight:400;
  color:#333333;
}
.appLinks .loadgzh{
  margin-left: 8px;
  font-size:18px;
  font-family:SourceHanSansCN-Regular;
  font-weight:400;
  color:#333333;
}

.footer {
  font-size: 14px;
  width: 100%;
  background: transparent;
  text-align: center;
  position: fixed;
  bottom: 10px;
  font-family:MicrosoftYaHei;
}

.footer .information {
  color: #fff;
  text-shadow: 0px 0px 4px black;
}

.footer .information p {
  font-size: 14px;
  line-height: 28px;
}
.footer span{
  line-height: 28px;
}

.footer .address {
  color: #fff;
  text-shadow: 0px 0px 4px black;
  font-size: 14px;
}
.footer .copyright p{
  font-size: 14px;
  font-weight:400;
  color:rgba(255,255,255,1);
  text-shadow:0px 0px 4px rgba(0, 0, 0, 1);
  line-height: 28px;
}

/* app按钮经过样式 */
.btn_hover:hover{
  cursor:pointer;
}
.btn_hover:hover .loadWay {
  opacity: 0.5;
  transform-origin: top right;
  -webkit-transition: .3s all;
  transition: .3s all;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.btn_hover:hover img {
  opacity: 0.5;
  transform-origin: top right;
  -webkit-transition: .3s all;
  transition: .3s all;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.wechat:hover .qrCode {
  width: 190px;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: top right;
  -webkit-transition: .3s all;
  transition: .3s all;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}